<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>${(uiLabelMap.entryPage)!}</title>
	<link rel="shortcut icon" href="/logo-gfs.png" type="image/x-icon">

	<link href="/sysServer/images/css/antd.min.css" rel="stylesheet">

</head>

<body>
<div id="index">

	<div class="ant-col ant-col-8">
		<div class="ant-row ant-form-item">
			<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
				<div class="ant-form-item-control">
      				<div class="file_bg">
      					<img src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile13($event)" id="personalMaterial" class="ant-input">
      				</div>
				</div>
			</div>
	   </div>
	</div>


</div>
</body>
<script type="text/javascript" src="/sysServer/images/js/vue.js"></script>
<script type="text/javascript" src="/sysServer/images/js/jquery.js"></script>
<script type="text/javascript" src="/sysServer/images/js/axios.min.js"></script>
<script src="/sysServer/images/js/jquery.growl.js" type="text/javascript"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

<link href="/sysServer/images/js/jquery.growl.css" rel="stylesheet" type="text/css" />
<script>
	var indexVue = new Vue({
		el: '#index',
		data: {
			state: true,
			result: '',
			cet4Path:'',
		},
		mounted: function () {
		},
		methods: {
			getFile13(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.cet4Path = response.data.result.fileMessage
					parent.wx.miniProgram.getEnv(function(res) {
			          console.log(res.miniprogram)
			        })
			        parent.wx.miniProgram.postMessage({data:this.cet4Path})
			        parent.wx.miniProgram.navigateBack({
			          delta:1,
			        });
				})
				.catch(function (error) {
					console.log(error);
				});
			},
			
		}
	})
</script>

<style>
	input {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		font-variant: tabular-nums;
		list-style: none;
		font-feature-settings: 'tnum';
		position: relative;
		display: inline-block;
		width: 100%;
		height: 32px;
		padding: 4px 11px;
		color: rgba(0, 0, 0, 0.65);
		font-size: 14px;
		line-height: 1.5;
		background-color: #fff;
		background-image: none;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		transition: all 0.3s;
	}
	#personalMaterial{
		width: 60px;
		height: 60px;
		position: absolute;
		opacity: 0;
    	left: 0px;
	}
	.file_bg{
		text-align: center;
		background-color: #fff;
		width: 100px;
		height: 100px;
		position: relative;
		left: 100%;
    	top: 10px;

	}
	.file_bg img{
		left: 0;
		width: 100%;
		vertical-align: middle;
		border-style: none;
		position: absolute;
	}

</style>

</html>